<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button onclick="foo()">打开新页面</button>
		
		<script>
			
			function foo()
			{
				// 1. 打开一个新的页面窗口
				var dw = window.open();
				// 2. 打开新页面中文档对象
				dw.document.open();
				// 3. 像新页面文档中写入内容
				// 字符串 'abc123' "abc123"
				// 多行字符串 `字符串内容`
				dw.document.writeln(`
				<!DOCTYPE html>
				<html>
					<head>
						<meta charset="utf-8">
						<title>新页面</title>
					</head>
					<body>
						<img src="../第03章/yes.png" />
					</body>
				</html>
				`);
				// 4.关闭文档
				dw.document.close();
			}
		</script>
		
	</body>
</html>